一些优化方式

一直白屏

  • 升级electron版本

  • 安装依赖问题

  • 删除 .electron-vue/webpack.renderer.config.js 中关于白名单的配置，让所有资源都打包起来（包会变大）

    1
    2
    3
    externals: [
        ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d))
      ],

短暂白屏

  • 先不显示窗口，可以显示了再显示
    • new BrowserWindow 的时候，设置show:false, 然后在 window 的ready-to-show 事件中显示

参考资料

  1. 解决electron-vue build 后static/下资源无法加载问题
  2. Electron-vue静态资源路径
  3. electron入坑指南
  4. electron的log调试手段，可用于白屏调试
  5. Electron踩坑指南不完全篇
  6. Electron-builder打包后，exe运行白屏的问题
  7. npm run build 打出来的包，安装后，什么都不显示，白屏？
  8. electron-vue的正确build姿势
  9. electron常见问题汇总

最后更新： 2022年03月02日 03:32

原始链接： http://rawbin-.github.io/cross-platform/electron/2018-07-13-electron-white-screen/

赏
× 赞赏这个人~
打赏二维码